<script setup>
import LoginPage from "../LoginAndRegistration/LoginPage.vue"
import RegisterPage from "../LoginAndRegistration/RegisterPage.vue"
</script>
<template>
        <div class="login-register-out1">
            <div class="login-register-out2">
                <div class="login-out">
                        <LoginPage></LoginPage> 
                </div>
                <div class="register-out">
                    <RegisterPage></RegisterPage>
                </div>
            </div>
        </div>
</template>
<style scoped>
.login-register-out1{
   width: 100vw;
   height: 100vh;
   background: url('../../assets//loginBg//bg.webp') no-repeat center center/cover;
   padding: 1px;
   display: flex;
   align-items: center;
}
.login-register-out2{
    width: 1140px;
    height:607px;
    /* border:1px solid red; */
    margin:auto;
    display: flex;
    border-radius:20px; 
    box-shadow:5px 5px 20px rgb(78, 78, 78);
    overflow: hidden;
}
.login-out{
    width:50%;
    height:100%;
    /* border:1px solid rgb(87, 19, 175) ; */
}
.register-out{
    width:50%;
    height:100%;
    /* border:1px solid rgb(19, 175, 27) ; */
}
</style>